<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" layout:decorator="layout/base">
<head>
    <title>我的发单</title>
</head>
<body>
    <!-- Page header -->
    <div class="page-header" layout:fragment="page-header">
        <div class="page-header-content">
            <div class="page-title">
                <h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold"
                                                                          th:text="#{web.name}">管理系统</span> - 发单列表</h4>
            </div>
        </div>
    </div>
    <!-- /page header -->

    <!-- Main content -->
    <div class="content-wrapper" layout:fragment="content">

        <!-- Table -->
        <div class="panel panel-flat min-panel">
            <div class="panel-heading">
                <h5 class="panel-title text-primary"><i class="icon-list"/>发单列表</h5>
            </div>

            <div class="panel-body">
                <form id="query" action="#" class="form-horizontal">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="col-lg-3 control-label">标题:</label>
                                <div class="col-lg-9">
                                    <input type="text" name="title" class="form-control" placeholder="标题 模糊查询"/>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-2">
                            <div class="form-group">
                                <label class="col-lg-3 control-label">行业:</label>
                                <div class="col-lg-7">
                                    <select name="industry" class="select form-control input-xs">
                                        <option value="">全部</option>
                                        <option th:each="m:${majors}"
                                                th:value="${m.value}"
                                                th:text="${m.name}"></option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-2">
                            <div class="form-group">
                                <label class="col-lg-3 control-label">风格:</label>
                                <div class="col-lg-7">
                                    <select name="style" class="select form-control input-xs">
                                        <option value="">全部</option>
                                        <option th:each="s:${styles}"
                                                th:value="${s.value}"
                                                th:text="${s.name}"></option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3 ">
                            <div class="form-group">
                                <button type="button" id="querySubmit" class="btn btn-primary">查询 <i
                                        class="icon-search position-right"></i></button>
                                <a href="#" th:href="@{/requirement/my/add}" class="btn btn-primary btn-add">发单<i class="icon-plus position-right"></i></a>
                            </div>
                        </div>
                    </div>
                </form>
                <table class="table datatable-basic table-striped table-hover">
                    <thead>
                    <tr class="bg-primary">
                        <th>标题</th>
                        <th>行业</th>
                        <th>风格</th>
                        <th>面积</th>
                        <th>预算</th>
                        <th>价格</th>
                        <th>QQ</th>
                        <th>微信</th>
                        <th>地区</th>
                        <th>发单时间</th>
                        <th>状态</th>
                        <th>接单人</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="border-dashed">
                    </tbody>
                </table>
            </div>
            <!--<div id="edit_dialog" class="modal fade in">-->
                <!--<div class="modal-dialog">-->
                    <!--<div class="modal-content">-->
                        <!--<div class="modal-header">-->
                            <!--<button type="button" class="close" data-dismiss="modal">×</button>-->
                            <!--<h5 class="modal-title text-primary">编辑订单</h5>-->
                        <!--</div>-->

                        <!--<form action="#" id="edit">-->
                            <!--<div class="modal-body select_cascade">-->
                                <!--<div class="form-group">-->
                                    <!--<label>标题</label>-->
                                    <!--<input name="title" type="text" placeholder="标题" class="form-control required" maxlength="50" disabled="disabled"/>-->
                                <!--</div>-->

                                <!--<div class="form-group">-->
                                    <!--<label>描述</label>-->
                                    <!--<textarea name="description" rows="5" class="form-control required" maxlength="150" placeholder="备注描述" disabled="disabled"></textarea>-->
                                <!--</div>-->

                                <!--<div class="form-group">-->
                                    <!--<label>行业</label>-->
                                    <!--<input name="id" type="text" style="display:none"/>-->
                                    <!--<select class="select" name="industry">-->
                                        <!--<option th:each="major:${majors}"-->
                                                <!--th:value="${major.value}"-->
                                                <!--th:text="${major.name}"></option>-->
                                    <!--</select>-->
                                <!--</div>-->

                                <!--<div class="form-group">-->
                                    <!--<label>风格</label>-->
                                    <!--<select class="select" name="style">-->
                                        <!--<option th:each="style:${styles}"-->
                                                <!--th:value="${style.value}"-->
                                                <!--th:text="${style.name}"></option>-->
                                    <!--</select>-->
                                <!--</div>-->

                                <!--<div class="form-group">-->
                                    <!--<label>面积<span class="text-danger">*</span></label>-->
                                    <!--<input name="size" type="number" placeholder="面积(平米)" class="form-control required" number="true" maxlength="20"/>-->
                                <!--</div>-->

                                <!--<div class="form-group">-->
                                    <!--<label>预算<span class="text-danger">*</span></label>-->
                                    <!--<input name="budget" type="text" placeholder="预算金额" class="form-control required" maxlength="20" data-inputmask="'mask': '9{1,5}-9{1,5}万'"/>-->
                                <!--</div>-->

                                <!--<div class="form-group">-->
                                    <!--<label>QQ</label>-->
                                    <!--<input name="qq" type="text" placeholder="QQ" class="form-control required" number="true" maxlength="11"/>-->
                                <!--</div>-->

                                <!--<div class="form-group">-->
                                    <!--<label>微信</label>-->
                                    <!--<input name="weixin" type="text" placeholder="微信" class="form-control required" maxlength="11"/>-->
                                <!--</div>-->

                                <!--<div id="distpicker">-->
                                    <!--<label>地区<span class="text-danger">*</span></label>-->
                                    <!--<select name="province"></select>-->
                                    <!--<select name="city"></select>-->
                                    <!--<select name="district"></select>-->
                                <!--</div>-->

                                <!--<div class="form-group">-->
                                    <!--<label>发单附件:</label>-->
                                    <!--<div id="uploadDiv">-->
                                    <!--</div>-->
                                <!--</div>-->

                                <!--<div class="form-group">-->
                                    <!--<label>接单附件:</label>-->
                                    <!--<div id="commitDiv">-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->

                            <!--<div class="modal-footer">-->
                                <!--<button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>-->
                                <!--&lt;!&ndash;<button type="button" id="submitEdit" class="btn btn-primary">保存</button>&ndash;&gt;-->
                            <!--</div>-->
                        <!--</form>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->

            <div id="qrcode_dialog" class="modal fade in">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">×</button>
                            <h5 class="modal-title text-primary">微信支付二维码</h5>
                        </div>

                        <div class="modal-body">
                            <div class="form-group">
                                <label>请使用微信扫描下方二维码, 应付<span id="sumYuan" class="text-danger"></span>元</label>
                                <image width="300px" height="300px" id="qrcodeImage" class="center-block"/>
                            </div>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-slate" data-dismiss="modal">关闭</button>
                            <button type="button" id="payClose" class="btn btn-primary" data-dismiss="modal">支付完成</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/templete" id="btnGroup">
                <div class="btn-group" data-toggle="buttons">
                    <button type="button" class="btn bg-slate btn-icon btn-edit">查看</button>
                </div>
        </script>
        <!-- /table -->
        <script th:inline="javascript">
            var majors = /*[[${majors}]]*/ null;
            var styles = /*[[${styles}]]*/ null;
            var statusList = /*[[${statusList}]]*/ null;
        </script>
        <script type="text/javascript" th:src="@{/assets/js/plugins/distpicker/distpicker.data.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/plugins/distpicker/distpicker.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/plugins/forms/inputmask/jquery.inputmask.bundle.js}"></script>
        <script type="text/javascript" th:src="@{/oss/js/requirement/my.js}"></script>

    </div>
    <!-- /main content -->
</body>
</html>